<?php
date_default_timezone_set('America/Bogota');
$instrumento = $instrumento->result();
?>
<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<?php $this->load->view('head'); ?>
        <link rel="stylesheet" type="text/css" media="screen" href="<?php echo base_url() . "css/ui.jqgrid.css" ?>" />
        <script src="<?php echo base_url() . "js/i18n/grid.locale-es.js" ?>" type="text/javascript"></script>
        <script src="<?php echo base_url() . "js/jquery.jqGrid.min.js" ?>"  type="text/javascript"></script>
        <title></title>
        <script type="text/javascript">
<?php if (!$this->session->userdata("usuarioId_externo")) { ?>
        setTimeout("fnValida()", <?php echo TIMER; ?>); 
<?php } ?>
    $(document).ready(function(){          
        $("#aplicaInstFecha").datepicker({dateFormat:"yy-mm-dd",changeMonth: true,changeYear: true, yearRange: '1941:<?php echo date('Y'); ?>' });
<?php $this->load->view('enReady'); ?>
        jQuery("#grupoList").jqGrid({
            url: '<?php echo site_url("grilla/guardaInst/$instrumento/$transaccion/participante"); ?>',
            datatype: 'json',
            mtype: 'POST',
            colNames:['TipDoc','Documento','Nombre','Cargo','InstitucionLabora','Apoyo Internacional'],
            colModel :[
                {name:'participanteTipDoc',index:'participanteTipDoc', width:50,editable:false},
                {name:'participanteDocumento',index:'participanteDocumento', width:90,editable:false},
                {name:'participanteNombres',index:'participanteNombres', width:100,editable:false},
                {name:'participanteCargo',index:'participanteCargo', width:100,editable:false},
                {name:'participanteInstLabora',index:'participanteInstLabora', width:100,editable:false},
                {name:'participanteApoyoInst',index:'participanteApoyoInst', width:100,hidden:true},
            ],
            autowidth:true,
            onSelectRow: function(ids) {
                var ret = jQuery("#grupoList").jqGrid('getRowData',ids);
                asignaValores(ret,ids);
            },
            pager: jQuery('#grupoPager'),
            rowNum:50,
            rowList:[10,20,30,50],
            sortname: 'participanteTipDoc',
            sortorder: "asc",
            viewrecords: true,
            caption: 'Participantes',
            height:160
        });
        //Barra de navegación
        jQuery("#grupoList").navGrid('#grupoPager',{edit:false,add:false,del:false,search:false,view:true});
        $("#btnGuardaParticipante").click(function(){
            if(fnValidaCampos("form", "frmParticipante"))
                $.post('<?php echo site_url("participantes/participanteInst/$transaccion"); ?>', $("#frmParticipante").serialize(),function(){
                    jQuery('#grupoList').trigger('reloadGrid');
                    $("#frmParticipante").trigger("reset");
                });
            else fnMenError('Debe diligenciar todos los campos en rojo',0);
        }); //fin $("#btnGuardaParticipante").click(function(){
<?php if (!isset($noframes)) { ?>
            dimensionFrame();
<?php }
if ($edicion != "") {
    ?>
            fnEdicion();
<?php }
if ($this->session->userdata("usuarioId_externo")) {
    ?>
            fntodoLectura();
<?php } ?>
    }); //fin $(document).ready(function(){

    function fnEdicion(){
<?php
if ($edicion != "") {
    $con = 0;
    foreach ($edicion->result() as $registro) {
        if ($con == 0) {
            echo "$('#hdInstrumento').val('{$registro->instrumentoId}');";
            echo "$('#hdaplicaInstId').val('{$registro->aplicaPrincipal}');";
            echo "$('#hdparticipanteId').val('{$registro->participanteId}');";
            echo "$('#aplicaInstFecha').val('{$registro->aplicaInstFecha}');";
            echo "$('#modalidadId').val('{$registro->modaId}');";
            echo "$('#municipioUbi').val('{$registro->municipioId}');";
            echo "$('#dirUbica').val('{$registro->direccion}');";
            $con++;
        }
        $resp = ($registro->aplicaInstDetResp == "") ? $registro->aplicaInstDetRespText : $registro->aplicaInstDetResp;
        $resp = escapeJs($resp);
        echo "$('#" . $registro->preguntaId . "').val('$resp');";
    } //fin foreach($edicion->result() as $registro){
    ?>
<?php } //fin if ($edicion != ""){      ?>
    } //fin function fnEdicion(


    function asignaValores(datos,id){
        $("#participanteNombres").val(datos.participanteNombres);
        $("#participanteInstLabora").val(datos.participanteInstLabora);
        $("#txtCargo").val(datos.participanteCargo);
        $("#participanteTipDoc").val(datos.participanteTipDoc);
        $("#participanteDocumento").val(datos.participanteDocumento);
        $("#participanteId").val(id);
        return true;
    } //fin asignaValores(id){

    function fnValida(opc){
        var lleno = true;
        lleno = fnValidaCampos("div", "divIdentifiacion");
        if(opc == "T"){
            lleno = fnValidaCampos("form", "forPreguntas");
        }
        if(!lleno){
            fnMenError('Debe diligenciar todos los campos en rojo',0);
            return false;
        }
        $.post("<?php echo site_url("instrumento/guardaInstru"); ?>", $("#forPreguntas").serialize(),function(data){
            var array = data.split("|");
            $("#hdaplicaInstId").val(array[0]);
            $("#hdparticipanteId").val(array[1]);
            fnMenError("Se ha guardado el registro exitosamente",2,false);
            return;
        });
        if(opc == 'T') window.close();
        return true;
    } //fin fnValida
        </script>
    </head>
    <body>
        <script src="<?php echo base_url() . "js/wz_tooltip-min.js" ?>" type="text/javascript"></script>
<?php $this->load->view('enBody'); ?>
        <div id="divContenedor2" >
            <div class="subtitulo"><?php echo $instrumento[0]->instrumentoNombre; ?></div>                    
            <div style="border: 2px black solid;text-align: justify;padding: 5px;margin: 9px" >
                <span style="font-weight: bolder">Objetivo:</span>Identificar las necesidades de formación de los agentes educativos para el trabajo con primera infancia, a partir del diálogo entre los directores de programas de formación de dichos agentes con los integrantes de las mesas intersectoriales para identificar y diseñar acciones para el mejoramiento de la atención integral.
            </div>
            <div style="text-align:justify">
                <p><span style="font-weight: bolder">Instructivo:</span></p>
                <ul>
                    <li>Conformar un grupo con experiencias de atención integral a la primera infancia. En lo posible integrado por un (os) representante (s) de: coordinadores de programas e integrantes de mesas intersectoriales (colocar a quienes integran las mesas). </li>
                    <li>Este diálogo se acompaña de la siguiente guía en la que encontrará los indicadores con sus correspondientes preguntas orientadoras.</li>
                </ul>
            </div>
            <fieldset>
                <legend>Participantes</legend>
                <form id="frmParticipante" method="post">
                    <table>
                        <tr>
                            <td><label for="participanteNombres">Nombres</label></td>
                            <td><input type="text" id="participanteNombres" name="participanteNombres" /></td>
                            <td><label for="participanteInstLabora">Institucion donde labora</label></td>
                            <td><input type="text" id="participanteInstLabora" name="participanteInstLabora" /></td>
                            <td><label for="txtCargo">Cargo</label></td>
                            <td><input type="text" id="txtCargo" name="txtCargo" /> </td>
                            <td rowspan="2"><input type="button" value="Agregar Participante" id="btnGuardaParticipante" /></td>
                        </tr>
                        <tr>
                            <td><label for="participanteTipDoc">Tipo Documento</label></td>
                            <td><select id="participanteTipDoc" name="participanteTipDoc">
                                    <option value="">Elija</option>   
                                    <option value="CC">Cedula Ciudadania</option>
                                    <option value="CE">Cedula Extranjeria</option>
                                    <option value="P">Pasaporte</option>
                                </select>
                            </td>
                            <td><label for="participanteDocumento">Documento</label></td>
                            <td>
                                <input type="text" id="participanteDocumento" name="participanteDocumento" />
                                <input type="hidden" class="omitir" id="participanteId" name="participanteId" />
                            </td>
                        </tr>
                    </table>  
                </form>
                <div id="grupoPager" class="scroll" style="text-align:center;"></div>
                <table id="grupoList" class="scroll" style="font-size: 14px"></table>
            </fieldset>
            <div id="divPreguntas">
                <form id="forPreguntas">
                    <input type="hidden" id="hdInstrumento" name="hdInstrumento" value="<?php echo $instrumento[0]->instrumentoId; ?>" />
                    <input type="hidden" id="hdaplicaInstId" name="hdaplicaInstId" value="0" />
                    <input type="hidden" id="hdparticipanteId" name="hdparticipanteId" value="0" />
                    <input type="hidden" id="transaccion" name="transaccion" value="<?php echo $transaccion ?>" />
                    <input type="hidden" id="hdninos" name="hdninos"  />
                    <div  id="divIdentifiacion" style="margin-top: 15px">
                        <table>
                            <caption>Información del Instrumento</caption>
                            <tr>
                                <td><label for="aplicaInstFecha">Fecha</label></td>
                                <td><input type="text" id="aplicaInstFecha" name="aplicaInstFecha" size="9"</td>
                                <td><label for="municipioUbi">Municipio</label></td>
                                <td>
                                    <select id="municipioUbi" name="municipioUbi" >
                                        <option value="">Elija</option>
                                        <?php
                                        foreach ($municipios->result() as $municipio)
                                            echo "<option value='{$municipio->municipioId}'>{$municipio->municipio}</option>";
                                        ?>
                                    </select>
                                </td>
                        <td><label for="dirUbica">Dirección</label></td>
                        <td>
                            <input type="text" id="dirUbica" name="dirUbica" />
                        </td>
                            </tr>
                        </table>      
                        <br/>
                        <table>
                        </table>
                    </div>
                    <?php
                    //inicia el proceso para capturar las preguntas
                    $pregunta = $preguntas->result();
                    ?>
                    <ol style="margin: 0px 0px;padding-left: 10px">
                        <?php
                        for ($i = 1; $i < 6; $i++) {
                            $puntero = -1 + $i;
                            echo "<li style='margin: 0px 2px;padding-left: 1px'><div class='divTxtPregunta'><label for='{$pregunta[$puntero]->preguntaId}'>{$pregunta[$puntero]->preguntaTexto}</label><img src='" . base_url() . "/images/pregunta.png" . "' style='width:20px;height:15px' alt='icono de ayuda' onmouseover=\"Tip('" . preg_replace("[\n|\r|\n\r]", ' ', $pregunta[$puntero]->preguntaAyuda) . "', SHADOW, true, TITLE, 'Ayuda', PADDING, 9);\" onmouseout=\"UnTip()\" /></div></li>";
                            echo "<textarea id='{$pregunta[$puntero]->preguntaId}' name='{$pregunta[$puntero]->preguntaId}' style='width:100%' rows='3'></textarea>";
                        }
                        ?>
                    </ol>
                    <div style="text-align: center">
                        <input type="button" value="Guardar" onclick="fnValida();" />
                        <input type="button" value="Terminar" onclick="fnValida('T');" />
                    </div>
                </form>
            </div><!-- fin divPreguntas -->
        </div><!-- fin divContenedor -->
    </body>
</html>
